<script setup lang="ts">
import logo from "../logo/index.vue";
</script>

<template>
  <logo />
</template>

<style lang="less" scoped>
.logo {
  color: white;
  overflow: hidden;
}

.top .logo {
  display: none;
}

.left-mix .logo,
.collapse:not(.mobile) .logo {
  justify-content: center;

  :deep(h3) {
    display: none;
  }
}

.left-mix .logo {
  max-width: 80px;
}

.top-mix .logo {
  display: none;
}
</style>
